<template>
  <div class="user1-page">
    <el-tabs v-model="activeName">
      <el-tab-pane label="精准帮办" name="Accurates"></el-tab-pane>
      <el-tab-pane label="计划变更" name="Plan"></el-tab-pane>
      <el-tab-pane label="外线联报" name="LinePage"></el-tab-pane>
    </el-tabs>
    <component :project-id="currentDetail.id" :is="activeName" style="position: initial"></component>
  </div>
</template>

<script>
import LinePage from '@/views/assistant/accurates/line'
import Plan from '@/views/assistant/accurates/plan'
import Accurates from '@/views/assistant/accurates/accurates'
export default {
  name: 'page4',
  props: {
    currentDetail: {
      type: Object,
      default: () => {}
    }
  },
  components: {
    LinePage,
    Plan,
    Accurates
  },
  data() {
    return {
      activeName: 'Accurates',
    }
  },
  methods: {

  }
}
</script>

<style scoped lang="scss">
.user1-add-box {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(185, 185, 185, .3);
  border-radius: 16px;
  padding: 60px;
}
</style>
